let currentIndex = 0;
const images = document.querySelectorAll('.carousel-images img');
const imageCount = images.length;

function showImage(index) {
    images.forEach((img, i) => {
        img.style.display = i === index ? 'block' : 'none';
    });
}

function nextImage() {
    currentIndex = (currentIndex + 1) % imageCount;
    showImage(currentIndex);
}

// 自动轮播  
setInterval(nextImage, 3000); // 每3秒切换一次图片  

// 首次显示第一张图片  
showImage(currentIndex);

//
//tab切换
var lis = document.querySelectorAll('.bg_house_nav > li');
// 为每个li元素添加鼠标进入事件监听器  
lis.forEach(function (li, index) {
    // 获取当前li中的第一个span元素  
    var firstSpan = document.getElementsByClassName('span')
    var _lis = document.getElementsByClassName('bg_house_content_li')
    // 为li元素添加鼠标进入事件监听器  
    li.addEventListener('mouseenter', function () {
        // 移除所有li中span的bg_house_nav_active类  
        for (let i = 0; i < firstSpan.length; i++) {
            firstSpan[i].classList.remove('bg_house_nav_active');
            _lis[i].style.display = 'none'
        }
        // 仅给当前触发事件的span添加bg_house_nav_active类  
        firstSpan[index].classList.add('bg_house_nav_active');
        index == 0 ? _lis[index].style.display = 'block' : _lis[index].style.display = 'flex'
        // _lis[index].style.display = 'flex'
    });
});